
.swiper-container {
    margin: 0 auto;
    height: 2.48rem;
}

.swiper-slide {
    height: 2.48rem;
}

.swiper-slide img {
    width: 100%;
    height: 100%;
}

@media screen and (max-width:375px) {
    #div1{
        height: 2rem;
        width: 2rem;
        background-color: lightskyblue;
        border: 1px blue solid;
        border-radius: 1rem;
    }
}
@media screen and (min-width:376px) and (max-width:768px)  {
    #div1{
        height: 2rem;
        width: 2rem;
        background-color:pink;
        border: 1px plum solid;
    }
}
@media screen and (min-width:769px) {
    #div1{
        height: 2rem;
        width: 3rem;
        background-color:burlywood;
        border: 1px brown solid;
    }
}